<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>示例</title>
    <link rel="stylesheet" href="style.css" type="text/css" />
    <meta name="generator" content="DocBook XSL Stylesheets V1.73.2" />
    <link rel="start" href="index.html" title="Clutter编程" />
    <link rel="up" href="sec-timelines.html" title="Chapter 6. 时间线" />
    <link rel="prev" href="sec-timelines.html" title="Chapter 6. 时间线" />
    <link rel="next" href="sec-timelines-score.html" title="Grouping TimeLines in a Score" />
  </head>
  <body>
    <div class="navheader">
      <table width="100%" summary="Navigation header">
        <tr>
          <th colspan="3" align="center">示例</th>
        </tr>
        <tr>
          <td width="20%" align="left"><a accesskey="p" href="sec-timelines.html"><img src="../icons/prev.png" alt="Prev" /></a> </td>
          <th width="60%" align="center">Chapter 6. 时间线</th>
          <td width="20%" align="right"> <a accesskey="n" href="sec-timelines-score.html"><img src="../icons/next.png" alt="Next" /></a></td>
        </tr>
      </table>
      <hr />
    </div>
    <div class="sect1" lang="en" xml:lang="en">
      <div class="titlepage">
        <div>
          <div>
            <h2 class="title" style="clear: both"><a id="timeline-example"></a>示例</h2>
          </div>
        </div>
      </div>
      <p>
下面的例子实现了使用时间线沿着 x 轴旋转一个矩形并同时改变其颜色：
</p>
      <div class="figure">
        <a id="figure-timeline"></a>
        <p class="title">
          <b>Figure 6.1. Timeline</b>
        </p>
        <div class="figure-contents">
          <div class="screenshot">
            <div>
              <img src="./figures/timeline.png" alt="Timeline" />
            </div>
          </div>
        </div>
      </div>
      <br class="figure-break" />
      <p>
        <a class="ulink" href="./examples/timeline" target="_top">Source Code</a>
      </p>
    </div>
    <div class="navfooter">
      <hr />
      <table width="100%" summary="Navigation footer">
        <tr>
          <td width="40%" align="left"><a accesskey="p" href="sec-timelines.html"><img src="../icons/prev.png" alt="Prev" /></a> </td>
          <td width="20%" align="center">
            <a accesskey="u" href="sec-timelines.html">
              <img src="../icons/up.png" alt="Up" />
            </a>
          </td>
          <td width="40%" align="right"> <a accesskey="n" href="sec-timelines-score.html"><img src="../icons/next.png" alt="Next" /></a></td>
        </tr>
        <tr>
          <td width="40%" align="left" valign="top">Chapter 6. 时间线 </td>
          <td width="20%" align="center">
            <a accesskey="h" href="index.html">
              <img src="../icons/home.png" alt="Home" />
            </a>
          </td>
          <td width="40%" align="right" valign="top"> Grouping TimeLines in a Score</td>
        </tr>
      </table>
    </div>
  </body>
</html>
